<template>
  <div :style="'height:' + height">
    <iframe
      :id="props.iframeId"
      style="width: 100%; height: 100%"
      :src="props.src"
      frameborder="no"
    ></iframe>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
const props = defineProps({
  src: {
    type: String,
    default: '/'
  },
  iframeId: {
    type: String
  }
})
const height = ref(document.documentElement.clientHeight - 94.5 + 'px')
</script>
